Turing Pattern Generator

↓Turing Pattern Generator URL
https://takumi-cre3d.github.io/TuringPattern_Generator/

Turing Pattern Generator (Real-time Reaction-Diffusion Simulator)
This is an interactive web application that simulates Turing Patterns (Reaction-Diffusion Model) and generates seamless textures.
The simulation and rendering are implemented using WebGL (GLSL).

✨ Features
WebGL-based Simulation: Uses WebGL (GLSL shaders) to perform reaction-diffusion calculations.
Interactive Operation: You can click or drag on the screen with a mouse or touch to add "seeds" (chemical B) to the simulation and stimulate pattern growth.

Seamless Tiling Display: The generated 1024x1024 texture is displayed seamlessly as a tiled (repeating) pattern.

Real-time Parameter Adjustment: You can freely adjust the following Gray-Scott model parameters with sliders and observe the resulting pattern changes:

Feed Rate (F)
Kill Rate (k)
Diffusion Rate A (dA)
Diffusion Rate B (dB)
Time Step (dt)

Presets: A variety of presets are available to generate characteristic patterns.

Seamless Texture Download: You can download the current simulation result as a 1024x1024 PNG image.

🛠️ Tech Stack
Frontend: HTML, JavaScript (ES Modules)
Simulation: WebGL (GLSL)
Vertex Shader (vertex-shader)
Simulation Shader (simulation-fs)
Draw Shader (draw-fs)
Seed Add Shader (seed-fs)
UI / Styling: Tailwind CSS